﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>prototype png background</title>
<link href="css/style.css" rel="stylesheet" type="text/css" />
<link href="css/page.css" rel="stylesheet" type="text/css" />
<script src="js/jquery.js" type="text/javascript"></script>
<script src="js/page.js" type="text/javascript"></script>
</head>
<body>
<div class="topbg"></div>
<div class="container">
	<div class="fed">
    	<p>想知道明天团购什么吗？</p>
        <div class="ipt_box"><input type="text" class="ipt" /></div>
        <select class="slc">
        	<option>北京</option>
            <option>上海</option>
            <option>武汉</option>
        </select>
        <input type="button" class="fedbtn" />
    </div>
    <div class="logo"></div>
    <div class="login"><a href="#">注册</a>&nbsp;&nbsp;&nbsp;<a href="#">登陆</a></div>
    <div class="clear"></div>
    <div class="main">
    	<div class="left">
        	<div class="menu">
            	<ul>
                	<li><a href="#" class="today"></a></li>
                    <li><a href="#" class="past"></a></li>
                    <li><a href="#" class="help"></a></li>
                    <li><a href="#" class="faq"></a></li>
                    <li><a href="#" class="bbs"></a></li>
                </ul>
            </div>
            <div class="alipay"></div>
            <div class="question_top"></div>
            <div class="question_body">
            	<p class="tit">人气团购网</p>
                <p class="orgn"><a href="#" class="orgn">查看全部（12345）</a>&nbsp;&nbsp;|&nbsp;&nbsp;<a href="#" class="orgn">我要提问</a></p>
                <ul>
                	<li>我的留言我留言了我的留言我留言了我的留言我留言了我的留言我 </li>
                    <li>我的留言我留言了我的留言我留言 我留言了我的留言我留言了</li>
                    <li>我的留言我留言了我的留言我留言留言我留言了我的留言我留言 </li>
                </ul>
                <p class="tlc"><a href="#" class="qq"><img src="images/qq.jpg" /></a></p>
                <p class="tel">客服电话：400-234-232</p>
                <p class="worktime">周一至周日：9：00——18：00</p>
            </div>
            <div class="question_down"></div>
        </div>
        <div class="content">
        	<div class="tab_menu">
                <ul class="tabs">
                    <li class="current">
                        <a href="#tab1">我的订单</a>
                        <span></span>
                    </li>
                    <li>
                        <a href="#tab2">我的聚团券</a>
                        <span></span>
                    </li>
                    <li>
                        <a href="#tab3">账户余额</a>
                        <span></span>
                    </li>
                    <li>
                        <a href="#tab4">账户设置</a>
                        <span></span>
                    </li>
                    <div class="clear"></div>
                </ul>
            </div>
        	<div class="today_tuan">
            	<div class="cont_top"></div>
                <div class="cont_body">
                	<div class="tab_content" id="tab1">
                    	<div class="regist_tit">
                        	<span class="fleft">我的订单</span>
                            <ul class="fright">
                            	<li>分类：</li>
                            	<li class="current"><a href="#">全部</a></li>
                            	<li><a href="#">未付款</a></li>
                            	<li><a href="#">已付款</a></li>
                            </ul>
                            <div class="clear"></div>
                        </div>
                        <table class="buylist">
                        	<tr>
                            	<th>团购项目</th>
                            	<th class="tlc w50">数量</th>
                            	<th class="tlc w50">总价</th>
                            	<th class="tlc w80">状态</th>
                            	<th class="tlc w80">操作</th>
                            </tr>
                            <tr class="brd_blue greybg">
                            	<td>仅25元！原价74元的三阳路融科天城SPRING COFFEE（原江汉路SPR咖啡馆）夏日冰饮双人套餐，纯正美式冰拿铁+美式冰摩卡+招牌企鹅松饼+无线网络+游戏畅玩。恋上春天的感觉，爱上咖啡的味道！</td>
                            	<td class="tlc">1</td>
                            	<td class="tlc"><span class="bold">¥25</span></td>
                                <td class="tlc"><span class="bold">已付款</span></td>
                                <td class="tlc"><a href="#" class="orgn">详情</a></td>
                            </tr>
                            <tr class="brd_blue">
                            	<td>仅25元！原价74元的三阳路融科天城SPRING COFFEE（原江汉路SPR咖啡馆）夏日冰饮双人套餐，纯正美式冰拿铁+美式冰摩卡+招牌企鹅松饼+无线网络+游戏畅玩。恋上春天的感觉，爱上咖啡的味道！</td>
                            	<td class="tlc">1</td>
                            	<td class="tlc"><span class="bold">¥25</span></td>
                                <td class="tlc"><span class="bold">已付款</span></td>
                                <td class="tlc"><a href="#" class="orgn">详情</a></td>
                            </tr>
                            <tr class="brd_blue greybg">
                            	<td>仅25元！原价74元的三阳路融科天城SPRING COFFEE（原江汉路SPR咖啡馆）夏日冰饮双人套餐，纯正美式冰拿铁+美式冰摩卡+招牌企鹅松饼+无线网络+游戏畅玩。恋上春天的感觉，爱上咖啡的味道！</td>
                            	<td class="tlc">1</td>
                            	<td class="tlc"><span class="bold">¥25</span></td>
                                <td class="tlc"><span class="bold">已付款</span></td>
                                <td class="tlc"><a href="#" class="orgn">详情</a></td>
                            </tr>
                            <tr class="brd_blue">
                            	<td>仅25元！原价74元的三阳路融科天城SPRING COFFEE（原江汉路SPR咖啡馆）夏日冰饮双人套餐，纯正美式冰拿铁+美式冰摩卡+招牌企鹅松饼+无线网络+游戏畅玩。恋上春天的感觉，爱上咖啡的味道！</td>
                            	<td class="tlc">1</td>
                            	<td class="tlc"><span class="bold">¥25</span></td>
                                <td class="tlc"><span class="bold">已付款</span></td>
                                <td class="tlc"><a href="#" class="orgn">详情</a></td>
                            </tr>
                        </table>
                    </div>
                    <div class="tab_content" id="tab2">
                    	<div class="regist_tit">
                        	<span class="fleft">我的聚团券</span>
                            <ul class="fright">
                            	<li>分类：</li>
                            	<li class="current"><a href="#">未使用</a></li>
                            	<li><a href="#">已使用</a></li>
                            	<li><a href="#">已过期</a></li>
                                <li><a href="#">全部</a></li>
                            </ul>
                            <div class="clear"></div>
                        </div>
                        <table class="buylist">
                        	<tr>
                            	<th>团购项目</th>
                            	<th class="tlc w50">券编号</th>
                            	<th class="tlc w50">券密码</th>
                            	<th class="tlc w80">有效日期</th>
                            	<th class="tlc w80">操作</th>
                            </tr>
                            <tr class="brd_blue greybg">
                            	<td>仅25元！原价74元的三阳路融科天城SPRING COFFEE（原江汉路SPR咖啡馆）夏日冰饮双人套餐</td>
                            	<td class="tlc">5863808</td>
                            	<td class="tlc"><span class="bold">333969</span></td>
                                <td class="tlc"><span class="bold">2010-09-16</span></td>
                                <td class="tlc"><a href="#" class="orgn"><a href="#" class="orgn">短信</a> | <a href="#" class="orgn">打印</a></td>
                            </tr>
                           	<tr class="brd_blue">
                            	<td>仅25元！原价74元的三阳路融科天城SPRING COFFEE（原江汉路SPR咖啡馆）夏日冰饮双人套餐</td>
                            	<td class="tlc">5863808</td>
                            	<td class="tlc"><span class="bold">333969</span></td>
                                <td class="tlc"><span class="bold">2010-09-16</span></td>
                                <td class="tlc"><a href="#" class="orgn"><a href="#" class="orgn">短信</a> | <a href="#" class="orgn">打印</a></td>
                            </tr>
                             <tr class="brd_blue greybg">
                            	<td>仅25元！原价74元的三阳路融科天城SPRING COFFEE（原江汉路SPR咖啡馆）夏日冰饮双人套餐</td>
                            	<td class="tlc">5863808</td>
                            	<td class="tlc"><span class="bold">333969</span></td>
                                <td class="tlc"><span class="bold">2010-09-16</span></td>
                                <td class="tlc"><a href="#" class="orgn"><a href="#" class="orgn">短信</a> | <a href="#" class="orgn">打印</a></td>
                            </tr>
                           	<tr class="brd_blue">
                            	<td>仅25元！原价74元的三阳路融科天城SPRING COFFEE（原江汉路SPR咖啡馆）夏日冰饮双人套餐</td>
                            	<td class="tlc">5863808</td>
                            	<td class="tlc"><span class="bold">333969</span></td>
                                <td class="tlc"><span class="bold">2010-09-16</span></td>
                                <td class="tlc"><a href="#" class="orgn"><a href="#" class="orgn">短信</a> | <a href="#" class="orgn">打印</a></td>
                            </tr>
                        </table>
                    </div>
                    <div class="tab_content" id="tab3">
                    	<div class="regist_tit">
                        	<span class="fleft">帐户余额</span>
                            <div class="clear"></div>
                        </div>
                        <p class="bold fosize14 l24">您当前的帐户余额是 <span class="fosize24 red">0</span> 元</p>
                        <table class="buylist">
                        	<tr>
                            	<th class="w120">时间</th>
                            	<th class="tlc">详情</th>
                            	<th class="tlc w50">收支</th>
                            	<th class="tlc w80">金额</th>
                            </tr>
                            <tr class="brd_blue greybg">
                            	<td>2010-08-13 10:01</td>
                            	<td>购买  -  <a href="#" class="grey">蛋糕连身裙、DRWCYS碎花洋装裙、snidel雪纺上衣 ( disco valley衬衫 )</a></td>
                            	<td class="tlc green">支出</td>
                                <td class="tlc">40元</td>
                            </tr>
                            <tr>
                            	<td>2010-08-13 10:01</td>
                            	<td>购买  -  <a href="#" class="grey">蛋糕连身裙、DRWCYS碎花洋装裙、snidel雪纺上衣 ( disco valley衬衫 )</a></td>
                            	<td class="tlc orgn">支出</td>
                                <td class="tlc">40元</td>
                            </tr>
                            <tr class="brd_blue greybg">
                            	<td>2010-08-13 10:01</td>
                            	<td>购买  -  <a href="#" class="grey">蛋糕连身裙、DRWCYS碎花洋装裙、snidel雪纺上衣 ( disco valley衬衫 )</a></td>
                            	<td class="tlc green">支出</td>
                                <td class="tlc">40元</td>
                            </tr>
                            <tr>
                            	<td>2010-08-13 10:01</td>
                            	<td>购买  -  <a href="#" class="grey">蛋糕连身裙、DRWCYS碎花洋装裙、snidel雪纺上衣 ( disco valley衬衫 )</a></td>
                            	<td class="tlc orgn">支出</td>
                                <td class="tlc">40元</td>
                            </tr>
                        </table>
                    </div>
                    <div class="tab_content" id="tab4">
                    	<div class="regist_tit">
                        	<span class="fleft">帐户设置</span>
                            <div class="clear"></div>
                        </div>
                        <form>
                        	<p class="fosize16 bold">1、基本信息</p>
                        	<div class="formlist clear">
                            	<label><span class="list_tit">Email</span><input type="text" class="ipt w290 greybg" value="123456@qq.com"/></label>
                            </div>
                            <div class="formlist clear">
                            	<label><span class="list_tit">头像</span><input type="text" class="ipt w290"/></label>
                                 <p class="regist_tip">请上传512K以内的个人肖像图片</p>
                            </div>
                            <div class="formlist clear">
                            	<label><span class="list_tit">用户名</span><input type="text" class="ipt w290"/></label>
                            </div>
                            <div class="formlist clear">
                            	<label><span class="list_tit">新密码</span><input type="text" class="ipt w290"/></label>
                                <p class="regist_tip">如果不想修改密码，请保持空白</p>
                            </div>
                            <div class="formlist clear">
                            	<label><span class="list_tit">确认新密码</span><input type="text" class="ipt w290"/></label>
                            </div>
                            <div class="formlist clear">
                            	<label><span class="list_tit">性别</span> <select>
                                	<option>女</option>
                                    <option>男</option>
                                </select></label>
                            </div>
                            <p class="fosize16 bold">2、联系信息</p>
                            <div class="formlist clear">
                            	<label><span class="list_tit">手机号</span><input type="text" class="ipt" value="13995515222"/></label><span> 手机号  团券密码将通过短信发到手机上  </span>
                            </div>
                            <div class="formlist clear">
                            	<label><span class="list_tit">QQ</span><input type="text" class="ipt"/></label>
                            </div>
                            <div class="formlist clear">
                            	<span class="list_tit">所在城市</span>
                                <select>
                                	<option>武汉</option>
                                    <option>北京</option>
                                    <option>上海</option>
                                </select>
                            </div>
                            <p class="fosize16 bold">3、派送信息</p>
                            <div class="formlist clear">
                            	<label><span class="list_tit">真实姓名</span><input type="text" class="ipt w290"/></label>
                            </div>
                            <div class="formlist clear">
                            	<label><span class="list_tit">邮政编码</span><input type="text" class="ipt w290"/></label>
                            </div>
                            <div class="formlist clear">
                            	<label><span class="list_tit">收件地址</span><input type="text" class="ipt w290"/></label>
                                <p class="regist_tip">地市格式应形如：XX省XX市XX县(区)XXXXXXX</p>  
                            </div>
                            <input type="button" class="regist_btn" value="更 改" />
                        </form>
                    </div>
                </div>
                <div class="cont_down2"></div>
            </div>
            <div class="today_tuan">
                <div class="footer">
                	<ul>
                    	<li><a href="#">关于我们</a></li>
                        <li><a href="#">媒体报道</a></li>
                        <li><a href="#">加入我们</a></li>
                        <li><a href="#">隐私声明</a></li>
                        <li><a href="#">商务合作</a></li>
                        <li><a href="#">市场合作</a></li>
                    </ul>
                    <div class="clear"></div>
                    <p class="l20">2010 人气团购网版权所有</p>
                </div>
            </div>
        </div>
    </div>
</div>
<script type="text/javascript">init();</script>
</body>
</html>
